<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title> 商家端</title>
    <link href="../css/main.css" rel="stylesheet">
</head>

<body>
    <!-- 顶部 -->
    <div class="main_head">
        <div class="wid1225">
            <a href="#">设置</a><a href="#" class="out">退出</a>
        </div>
    </div>
    <!-- 顶部 -->
    <!-- 内容部分 -->
    <div class="wid1225 clear">
        <!-- 左侧菜单栏 -->
        <div class="tabs fl">
            <dl>
                <dt class="tabs_dt1">商品管理</dt>
                <dd><a href="main1.html">发布商品</a></dd>
                <dd><a href="main2.html">出售中商品</a></dd>
                <dd><a href="main3.html">已下架商品</a></dd>
                <dd><a href="main4.html">商品补仓</a></dd>
                <dd><a href="main41.html">类别管理</a></dd>
                <dt class="tabs_dt2">订单管理</dt>
                <dd><a href="main5.html">待发货订单</a></dd>
                <dd><a href="main6.html">待收货订单</a></dd>
                <dd><a href="main7.html">退款/售后</a></dd>
                <dd><a href="main8.html">订单记录</a></dd>
                <dt class="tabs_dt3">物流管理</dt>
                <dd><a href="main9.html">运费管理</a></dd>
                <dd class="active"><a href="javascript:void(0)">地址管理</a></dd>
                <dt class="tabs_dt4">交易管理</dt>
                <dd><a href="main11.html">交易记录</a></dd>
                <dd><a href="main12.html">总交易额</a></dd>
                <dt class="tabs_dt5"><a href="manage.html">店铺管理</a></dt>
                <dt class="tabs_dt6">客服管理</dt>
                <dd><a href="main13.html">客服管理</a></dd>
                <dd><a href="main14.html">问题反馈</a></dd>
                <dd><a href="main15.html">建议反馈</a></dd>
                <dt class="tabs_dt7"><a href="news.html">消息通知</a></dt>
                <dt class="tabs_dt8"><a href="compete.html">广告竞价</a></dt>
                <dt class="tabs_dt9">建议/反馈</dt>
                <dd><a href="main16.html">问题反馈</a></dd>
                <dt class="tabs_dt10">问题设置</dt>
                <dd><a href="main17.html">问题类别</a></dd>
                <dd><a href="main18.html">问题内容</a></dd>
                <dt class="tabs_dt11">管理设置</dt>
                <dd><a href="main19.html">用户设置</a></dd>
                <dd><a href="main20.html">角色权限</a></dd>
                <dd><a href="main21.html">功能模块</a></dd>
                <dd><a href="main22.html">社区信息</a></dd>
                <dt class="tabs_dt12">账号管理</dt>
                <dd><a href="main23.html">账号绑定</a></dd>
            </dl>
        </div>
        <!-- 左侧菜单栏 -->
        <!-- 右侧内容 -->
        <div class="content_right fl">
            <!-- 面包屑 -->
            <div class="bread">
                <ul>
                    <li class="bread_first">当前位置</li>
                    <li>物流管理</li>
                    <li>地址管理</li>
                </ul>
            </div>
            <!-- 面包屑 -->
            <!-- 主体内容 -->
            <div class="content add_example1">
                <input type="button" name="" value="新增收货地址" class="add_address">
                <p class="add_exampleP">您已创建<span class="address">5</span>个收货地址，最多可以创建<span class="yellow">20</span>个</p>
                <!-- 一个收货地址 -->
                <div class="address_squ">
                    <p>
                        <span class="address1">盖伦</span>
                        <span class="address2">广州</span>
                        <span class="address3"></span>
                        <span class="address4">默认地址</span>
                        <a href="javascript:void(0)" class="delect disN"></a>
                    </p>
                    <ul>
                        <li>
                            <span class="grey">收货人：</span>
                            <span>拉克丝</span>
                        </li>
                        <li>
                            <span class="grey">所在地区：</span>
                            <span>未知区域</span>
                        </li>
                        <li>
                            <span class="grey">收货地址：</span>
                            <span>召唤师峡谷</span>
                        </li>
                        <li>
                            <span class="grey">手机号码：</span>
                            <span>12381273978</span>
                        </li>
                        <li>
                            <span class="grey">固定电话：</span>
                            <span>010-12321312</span>
                        </li>
                        <li>
                            <span class="grey">电子邮箱：</span>
                            <span>拉克丝@LOL.com</span>
                        </li>
                    </ul>
                    <a href="javascript:void(0)" class="change_address disN">编辑</a>
                </div>
                <!-- 一个收货地址 -->
                <!-- 一个收货地址 -->
                <div class="address_squ">
                    <p>
                        <span class="address1">盖伦</span>
                        <span class="address2">广州</span>
                        <span class="address3"></span>
                        <span class="address4 disN">设为默认地址</span>
                        <a href="javascript:void(0)" class="delect disN"></a>
                    </p>
                    <ul>
                        <li>
                            <span class="grey">收货人：</span>
                            <span>拉克丝</span>
                        </li>
                        <li>
                            <span class="grey">所在地区：</span>
                            <span>未知区域</span>
                        </li>
                        <li>
                            <span class="grey">收货地址：</span>
                            <span>召唤师峡谷</span>
                        </li>
                        <li>
                            <span class="grey">手机号码：</span>
                            <span>12381273978</span>
                        </li>
                        <li>
                            <span class="grey">固定电话：</span>
                            <span>010-12321312</span>
                        </li>
                        <li>
                            <span class="grey">电子邮箱：</span>
                            <span>拉克丝@LOL.com</span>
                        </li>
                    </ul>
                    <a href="javascript:void(0)" class="change_address disN">编辑</a>
                </div>
                <!-- 一个收货地址 -->
                <!-- 一个收货地址 -->
                <div class="address_squ">
                    <p>
                        <span class="address1">盖伦</span>
                        <span class="address2">广州</span>
                        <span class="address3"></span>
                        <span class="address4 disN">设为默认地址</span>
                        <a href="javascript:void(0)" class="delect disN"></a>
                    </p>
                    <ul>
                        <li>
                            <span class="grey">收货人：</span>
                            <span>拉克丝</span>
                        </li>
                        <li>
                            <span class="grey">所在地区：</span>
                            <span>未知区域</span>
                        </li>
                        <li>
                            <span class="grey">收货地址：</span>
                            <span>召唤师峡谷</span>
                        </li>
                        <li>
                            <span class="grey">手机号码：</span>
                            <span>12381273978</span>
                        </li>
                        <li>
                            <span class="grey">固定电话：</span>
                            <span>010-12321312</span>
                        </li>
                        <li>
                            <span class="grey">电子邮箱：</span>
                            <span>拉克丝@LOL.com</span>
                        </li>
                    </ul>
                    <a href="javascript:void(0)" class="change_address disN">编辑</a>
                </div>
                <!-- 一个收货地址 -->
                <!-- 一个收货地址 -->
                <div class="address_squ">
                    <p>
                        <span class="address1">盖伦</span>
                        <span class="address2">广州</span>
                        <span class="address3"></span>
                        <span class="address4 disN">设为默认地址</span>
                        <a href="javascript:void(0)" class="delect disN"></a>
                    </p>
                    <ul>
                        <li>
                            <span class="grey">收货人：</span>
                            <span>拉克丝</span>
                        </li>
                        <li>
                            <span class="grey">所在地区：</span>
                            <span>未知区域</span>
                        </li>
                        <li>
                            <span class="grey">收货地址：</span>
                            <span>召唤师峡谷</span>
                        </li>
                        <li>
                            <span class="grey">手机号码：</span>
                            <span>12381273978</span>
                        </li>
                        <li>
                            <span class="grey">固定电话：</span>
                            <span>010-12321312</span>
                        </li>
                        <li>
                            <span class="grey">电子邮箱：</span>
                            <span>拉克丝@LOL.com</span>
                        </li>
                    </ul>
                    <a href="javascript:void(0)" class="change_address disN">编辑</a>
                </div>
                <!-- 一个收货地址 -->
                <!-- 一个收货地址 -->
                <div class="address_squ">
                    <p>
                        <span class="address1">盖伦</span>
                        <span class="address2">广州</span>
                        <span class="address3"></span>
                        <span class="address4 disN">设为默认地址</span>
                        <a href="javascript:void(0)" class="delect disN"></a>
                    </p>
                    <ul>
                        <li>
                            <span class="grey">收货人：</span>
                            <span>拉克丝</span>
                        </li>
                        <li>
                            <span class="grey">所在地区：</span>
                            <span>未知区域</span>
                        </li>
                        <li>
                            <span class="grey">收货地址：</span>
                            <span>召唤师峡谷</span>
                        </li>
                        <li>
                            <span class="grey">手机号码：</span>
                            <span>12381273978</span>
                        </li>
                        <li>
                            <span class="grey">固定电话：</span>
                            <span>010-12321312</span>
                        </li>
                        <li>
                            <span class="grey">电子邮箱：</span>
                            <span>拉克丝@LOL.com</span>
                        </li>
                    </ul>
                    <a href="javascript:void(0)" class="change_address disN">编辑</a>
                </div>
                <!-- 一个收货地址 -->
            </div>
            <!-- 主体内容 -->
            
        </div>
        <!-- 右侧内容 -->
    </div>
    <!-- 内容部分 -->
    <!-- 弹窗-新增收货地址 -->
    <div class="bg000 disN bg0001">
        <div class="open_window open_window10">
            <p class="title">
                <span>编辑收货地址</span>
                <span class="grey">打*为必填项</span>
                <a href="javascript:void(0)" class="close"></a>
            </p>
            <dl>
                <dt>*收货人</dt>
                <dd><input type="text" name="" class="wid170" placeholder="长度不超过25个字符"></dd>
                <dt>*所在地区</dt>
                <dd>
                    <select>
                        <option>请选择</option>
                        <option>中国</option>
                        <option>中国</option>
                    </select>
                    <select>
                        <option>请选择</option>
                        <option>中国</option>
                        <option>中国</option>
                    </select>
                    <select>
                        <option>请选择</option>
                        <option>中国</option>
                        <option>中国</option>
                    </select>
                </dd>
                <dt>*详细地址</dt>
                <dd><input type="text" name="" class="wid400" placeholder="建议您如实填写详细收货地址，例如接到名称，门牌号，楼层和房间号等信息"></dd>
                <dt>*手机号码</dt>
                <dd><input type="text" name="" value="12312312" class="wid170"></dd>
                <dt>电话号码</dt>
                <dd><input class="wid80" type="text" name="" value=""> - <input class="wid80" type="text" name="" value=""> - <input class="wid80" type="text" name="" value=""></dd>
            </dl>
            <div class="title_bottom">
                <p>
                    <input type="checkbox" name="">
                    <span>设为默认地址</span>
                </p>
                <p><input type="button" name="" value="保存" class="save"></p>
            </div>
        </div>
    </div>
    <!-- 弹窗-新增收货地址 -->

    <!-- 弹窗-编辑收货地址 -->
    <div class="bg000 disN bg0002">
        <div class="open_window open_window10">
            <p class="title">
                <span>编辑收货地址</span>
                <span class="grey">打*为必填项</span>
                <a href="javascript:void(0)" class="close"></a>
            </p>
            <dl>
                <dt>*收货人</dt>
                <dd><input type="text" name="" value="橘子酱" class="wid170"></dd>
                <dt>*所在地区</dt>
                <dd>
                    <select>
                        <option>中国</option>
                        <option>中国</option>
                        <option>中国</option>
                    </select>
                    <select>
                        <option>广东省</option>
                        <option>中国</option>
                        <option>中国</option>
                    </select>
                    <select>
                        <option>广州</option>
                        <option>中国</option>
                        <option>中国</option>
                    </select>
                </dd>
                <dt>*详细地址</dt>
                <dd><input type="text" name="" class="wid400" value="魏国许昌"></dd>
                <dt>*手机号码</dt>
                <dd><input type="text" name="" value="12312312" class="wid170"></dd>
                <dt>电话号码</dt>
                <dd><input class="wid80" type="text" name="" value="770"> - <input class="wid80" type="text" name="" value="770"> - <input class="wid80" type="text" name="" value="770"></dd>
            </dl>
            <div class="title_bottom">
                <p>
                    <input type="checkbox" name="">
                    <span>设为默认地址</span>
                </p>
                <p><input type="button" name="" value="保存地址" class="save"></p>
            </div>
        </div>
    </div>
    <!-- 弹窗-编辑收货地址 -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    

    <script type="text/javascript">
        // 居然给这么大一个区域鼠标滑过事件
        $(".address_squ").hover(function () {
            $(this).find('.delect,.change_address,.address4').show();
        },function () {
            $(".address_squ").find('.delect,.change_address').hide();
            $(".address_squ .address4:contains('设为默认地址')").hide()
        })
        // 点击设为默认地址
        $(".address4").click(function () {
            $(".address4").hide();
            $(".address4").html('设为默认地址');
            $(this).html('默认地址');
            $(this).show()
        })
        // 新增收货地址，弹窗
        $(".add_address").click(function () {
            $(".bg0001").show()
        })
        $(".address3,.change_address").click(function () {
            $(".bg0002").show()
        });
        // 关闭收货地址，弹窗
        $(".save,.close").click(function () {
            $(".bg000").hide()
        })
    </script>
    
</body>

</html>
